<template>
	<view class="uni-flex uni-row">
		<view class="text" style="width: 200upx;height: 220upx;display: flex; justify-content: center;align-items: center;">
			<image :src="originalImageUrl" style="width: 150upx;height: 150upx;"></image>
		</view>
		<view class="uni-flex uni-column" style="flex: 1;justify-content: space-between;">
			<view class="text" style="height: 120upx;text-align: left;padding-left: 20upx;padding-top: 10upx;">
				{{productName}}
			</view>
			<view class="text" style="height: 120upx;text-align: left;padding-left: 20upx;padding-top: 10upx;">
				{{productFeatureDesc}}
			</view>
			<view class="uni-flex uni-row">
				<view class="text" style="flex: 1;">
					<view class="color-text-gray color-text-line-through">
						￥{{maxPrice}}
					</view>
					<view>
						￥{{minPrice}}
					</view>
					
				</view>
				<view class="text" style="flex: 1;">X {{quantity}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: 'product',
		props: {
			data: {
				orderId: "",
				orderItemId: "",
				originalImageUrl: "",
				productId:""
				productFeatureApplId:""
				productName: "",
				minPrice: 0,
				maxPrice: 0,
				quantity: "",
			}
		}
	}
</script>

<style>

</style>
